<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<div><h1>{{info}}</h1></div>-->

<!--<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>-->
<!--<script>-->
<!--   /*Vue对象就相当于是MVVM模型中的VM视图模式，-->
<!--   * 该对象负责将页面中的元素和某个变量进行绑定，并且Vue会在内存中不断监听着变量的改变-->
<!--   * 当变量值发生改变时，Vue框架会自动找到页面中的元素，让其跟着发生改变-->
<!--   */-->

<!--    let v = new Vue({-->
<!--        //el:选择器 ->选择器  用来设置Vue框架的管理范围-->
<!--        el:"body>div",-->
<!--        //data里面定义和页面相关变量，定义完后Vue会对变量进行监听-->
<!--        data:{info:"Hell Vue!"}-->
<!--    })-->
<!--</script>-->
<div><h1>{{info}}</h1></div>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
    let  v = new Vue({
        el:"body>div",
        data:{
            info:"Hello Vue"
        }
    })
</script>
</body>
</html>